<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title th:text="${teacher['teacherName']}+' - 讲师详情 - '+${infoMap['title']}"></title>
    <div data-th-replace="layout/head"></div>
    <link rel="stylesheet" th:href="@{{path}/common/webuploader/webuploader.css?v={v}(path=${staticPath}, v=${v})}">
</head>
    <body>
        <!-- top bar -->
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left goBack" href="javascript:history.back()">
                <span class="iconfont icon-fanhui"></span>
            </a>
           <!-- <a th:if="${teacher['isQuestion']}==1" href="javascript:void(0);" th:attr="data-id=${teacher['id']}" class="top-toQuestionBtn toQuestionPopBtn button button-fill button-round button-danger pull-right">
                提问
            </a>-->
            <aside class="teacher-pic__wrap teacher-face">
                <img class="wm-img" th:attr="data-src=${teacher['imageMap']['mobileUrlMap']['large']}" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
            </aside>
            <input type="hidden" id="isQuestion" th:value="${teacher['isQuestion']}"/>
            <input type="hidden" id="questionFee"/>
            <input type="hidden" id="teacher_name"/>
        </header>
        <!-- top bar end-->

        <!--主体区域 开始-->
        <article>
            <div class="page-infinite__wrap teacherInfo-page__wrap">
                <div class="page-group">
                    <div id="page-infinite-scroll-bottom" class="page page-current">
                        <div class="content infinite-scroll native-scroll" data-type='native' data-distance="100">

                            <!--讲师介绍区 开始-->
                            <div class="teacher-info__wrap pr">
                                <div class="content-padded pt5 pb5 text-center">
                                    <section class="teacher-face__wrap"></section>
                                    <section>
                                        <span class="lecture-time" th:text="${teacher['teacherName']}"></span>
                                    </section>
                                    <section class="pl5 pr5 teacher-info-txt__wrap">
                                        <div class="teacher-info-box">
                                            <span class="wm-txt-small " th:text="${teacher['depict']}"></span>
                                            <span class="c-blue fs4 teacher-info-more-btn">[ 更多... ]</span>
                                        </div>
                                    </section>
                                    <div class="wm-attr-wrap pt5">
                                        <span th:if="${teacher['isQuestion']==1}" class="wm-txt-small c-bbb" th:text="'学生数：' + ${teacher['userNum']}"></span>
                                        <span th:if="${teacher['isQuestion']==1}" class="wm-txt-small c-bbb" th:text="'问题数：' + ${teacher['questionNum']}"></span>
                                        <!--<span th:if="${teacher['isQuestion']==0}" class="wm-txt-small c-bbb" th:text="'课程数：' + ${teacher['courseNum']}"></span>-->
                                    </div>
                                    <div class="mt5">
                                        <a th:if="${teacher['isQuestion']==1}" th:attr="data-id=${teacher['id']},data-isQuestion=${teacher['isQuestion']},data-questionFee=${isCourse}?'0':${teacher['questionFee']},data-name=${teacher['teacherName']}" href="javascript:void(0);" class="toQuestionBtn toQuestionPopBtn button button-big button-fill button-round button-danger">
                                            <span th:if="${teacher['questionFee']} > 0 and !${isCourse}"><small>￥ </small> <span th:text="${teacher['questionFee']}"></span> <small> /次</small></span>
                                            <span th:if="${teacher['questionFee']} <= 0 or ${isCourse}"><small>免费 </small></span>
                                            <span class="ml5">提问</span>
                                        </a>
                                    </div>
                                </div>
                                <section class="wm-line"></section>
                            </div>
                            <!--讲师介绍区 结束-->
                            <div class="list-block no-mt">
                                <div class="ml5 mr5 pt5">
                                    <strong class="fs6 c-333" id="count"></strong>
                                </div>
                                <ul class="list-container wm-question-list__wrap facebook-card" id="question-list-content">

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </article>
        <!--主体区域 结束-->

        <!--提问 Popup 开始-->
        <div class="popup popup-about toQuestionPopup">
            <header class="bar bar-nav">
                <button class="button button-link button-nav pull-left close-popup"><span class="iconfont icon-guanbi ml5"></span></button>
                <button id="save-question" class="button button-link button-nav pull-right"><span class="mr5">提交</span></button>
                <h1 class="title">提出问题</h1>
            </header>
            <div class="content">
                <div class="content-padded tqPopContent">
                    <div class="list-block no-mt">
                        <form id="question-form">
                            <input type="hidden" id="teacher-id" name="teacherId" th:value="${teacher['id']}"/>
                            <input type="hidden" id="imageStr" name="imageStr"/>
                            <ul>
                                <li>
                                    <div class="item-link item-content">
                                        <div class="item-inner">
                                            <div class="item-title fs7">问题分类</div>
                                            <div class="item-input">
                                                <input type="hidden" id="question-type" name="typeId"/>
                                                <input type="text" id="questionType"/>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <div class="item-content tqPopTxtarea">
                                        <div class="item-input quiz-input">
                                            <textarea id="question-context" name="context" placeholder="问题描述，简洁、明了，最多200个字"></textarea>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <div class="item-content pt5">
                                        <div class="clearfix tqImgWrap" id="tqImgWrap">
                                            <!--<span id="def-span-box">
                                                <img src="${staticPath}/static/front/mobile/v3/img/default/error-pic.jpg" height="50px" width="80px"/>
                                            </span>-->
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="item-content pt5">
                                        <div class="item-input">
                                            <div id="question-upload-box" class="mobile-upload">
                                                <span class="icon icon-picture vam"></span>
                                                选择图片
                                            </div>
                                        </div>
                                        <div class="item-after">
                                            <span class="vam fs6 c-888">添加图片，最多4张</span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <div class="item-content">
                                        <div class="item-inner">
                                            <div class="item-title fs6 c-888">隐私提问，不被看到</div>
                                        </div>
                                        <div class="item-input text-right mr5">
                                            <label class="label-switch label-switch-small">
                                                <input type="hidden" name="privacy"/>
                                                <input type="checkbox" id="privacy"/>
                                                <div class="checkbox"></div>
                                            </label>
                                        </div>
                                    </div>
                                </li>
                                <li class="ml5 mr5">
                                    <div class="mt5 pt5"><strong class="fs4 c-666">付费提问说明</strong></div>
                                    <div class="mt5"><span class="fs4 c-888">1、直接向平台讲师提出问题，可在设定时间周期内获得回答，如设定时间周期内无专业答案，问答费用将退回至您的个人账户</span></div>
                                    <div class="mt5"><span class="fs4 c-888">2、讲师回答后，其它学员同样需要支付围观费用，此围观费用部分比例将会以你的问答收益获得</span></div>
                                </li>
                            </ul>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!--提问 Popup 结束-->
        <div data-th-replace="layout/footer"></div>
        <script type="text/javascript" th:src="@{{path}/front/mobile/libs/zepto/deferred.js?v={v}(path=${staticPath}, v=${v})}"></script>
        <script type="text/javascript" th:src="@{{path}/front/mobile/libs/zepto/callbacks.js?v={v}(path=${staticPath}, v=${v})}"></script>
        <script type="text/javascript" th:src="@{{path}/common/webuploader/webuploader.min.js?v={v}(path=${staticPath}, v=${v})}"></script>
        <script type="text/javascript" th:src="@{{path}/front/mobile/business/upload/mobile-upload-common.js?v={v}(path=${staticPath}, v=${v})}"></script>
        <script type="text/javascript" th:src="@{{path}/front/mobile/business/teacher/teacher-info.js?v={v}(path=${staticPath},v=${v})}"></script>
        <script type="text/javascript" th:src="@{{path}/front/mobile/business/qa/question/to-saveQuestion.js?v={v}(path=${staticPath},v=${v})}"></script>
      </body>
</html>